.VodDetail {
    margin-top: 50px;
    .top-content-vod {
        .left-content-top {
            padding: 0 46px;
            .poster-left {
                @extend .img-5-7-height;
                background: $black url("../img/icons/vodDefault.svg") center no-repeat;
                .poster-img {
                    height: 100%;
                    width: 100%;
                }
            }
            .buttons-left {
                margin-top: 20px;
                .btn-default {
                    width: 100%;
                    margin-top: 15px;
                    line-height: 30px;
                    font-size: 18px;
                    &:first-child {
                        margin-top: 0;
                    }
                }
            }
        }
        .right-content-top {
            padding-left: 90px;
            .title-right-top {
                .title-right {
                    font-size: 26px;
                    color: $White;
                    @include ellipsis(290px);
                }
                .title-collect {
                    .image-collection {
                        display: inline-block;
                        width: 32px;
                        height: 32px;
                        background: url("../img/icons/icon_32_tuding.svg") no-repeat 100% 100%;
                    }
                }
            }
            .title-alsoCalled {
                padding-left: 15px;
                font-size: 16px;
                margin-top: 15px;
                @include ellipsis(580px);
            }
            .comments-title {
                margin-top: 15px;
                .star-content {
                    .stars {
                        margin-left: 5px;
                        display: inline-block;
                        height: 32px;
                        width: 32px;
                        background: url("../img/icons/icon_32_comment_default.svg") no-repeat 100% 100%;
                        &:first-child {
                            margin-left: 0;
                        }
                    }
                    .stars_active {
                        margin-left: 5px;
                        display: inline-block;
                        height: 32px;
                        width: 32px;
                        background: url("../img/icons/icon_32_comment_active.svg") no-repeat 100% 100%;
                        &:first-child {
                            margin-left: 0;
                        }
                    }
                    .stars_half {
                        margin-left: 5px;
                        display: inline-block;
                        height: 32px;
                        width: 32px;
                        background: url("../img/icons/icon_32_comment_half_active.svg") no-repeat 100% 100%;
                        &:first-child {
                            margin-left: 0;
                        }
                    }
                }
                .stars-count {
                    display: inline-block;
                    height: 32px;
                    width: 32px;
                    font-size: 24px;
                    color: $Gray7C;
                }
            }
            .film-desc {
                margin-top: 15px;

                .desc-comment {

                    -webkit-transition: -webkit-line-clamp $speed;
                    transition: -webkit-line-clamp $speed;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 4;
                    -webkit-box-orient: vertical;
                    font-size: 18px;
                    color: $GrayA4;
                }
                .show-all-desc {
                    -webkit-line-clamp: 10;
                }
                .show-btn {
                    padding-left: 15px;
                    color: $blue;
                    display: -webkit-box;
                    cursor: pointer;
                }
            }
            .information {
                color: $GrayA4;
                font-size: 18px;
                margin-top: 30px;
                .row{
                    margin-top: 5px;
                }
                .film-duration{
                    margin-top: 15px;
                }
            }

        }

    }
    .person-tips {
        margin: 120px 0 60px 0;
        height: 320px;
    }
    .vod-tips {
        margin-top: 120px;
        height: 320px;
    }
}